﻿@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
body{
	font-size: 14px;
	/* [disabled]background: #fff; */
	font-family: "Microsoft Yahei";
	color: #404040;
}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #404040; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .6s ease;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th,strong{font-weight: 800;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clear{zoom: 1;}
.clear:after{content: "."; display: block; visibility: hidden; height: 0; clear: both;}
.content{width: 1200px; margin: 0 auto; position: relative;}
/*右侧菜单*/
.right_menu{width: 80px; position: fixed; right: 20px; top: 50%; margin-top: -181px; z-index: 9999; text-align: center; background: #003237;}
.right_menu > p{height: 50px; line-height: 50px; background: #ffa200; font-size: 16px; color: #fff; overflow: hidden;}
.right_menu > p a{display: block; width: 100%; height: 100%; color: #fff;}
.right_menu li{margin-top: 2px; width: 80px; height: 80px; background: #003237; transition: all .8s; position: relative;}
.right_menu li i{display: block; width: 100%; height: 30px; padding-top: 10px;}
.right_menu li i.r_i1{background: url(../images/r_qq.png) no-repeat center 16px;}
.right_menu li i.r_i2{background: url(../images/r_tel.png) no-repeat center 16px;}
.right_menu li p{height: 32px; line-height: 32px; color: #fff; text-align: center;}
.right_menu li:hover{background: #ffa200;}
.r_tel{width: 200px; height: 80px; line-height: 80px; position: absolute; right: 80px; top: 0; background: #ffa200; font-size: 19px; color: #fff; transition: all .8s; opacity: 0; filter: alpha(opacity: 0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden;}
.right_menu li:hover .r_tel{opacity: 1; filter: alpha(opacity: 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible;}
.right_menu li.Gotop{background: none; cursor: pointer; display: none; transition: all 0s;}
.right_menu li.Gotop:hover{background: none;}
.right_menu li.Gotop a{display: block; width: 100%; height: 100%; transition: all .8s; background-image: url(../images/r_top.png); background-repeat: no-repeat; background-position: center; background-color: #003237;}
.right_menu li.Gotop a:hover{background-color: #ffa200;}
/*头部*/


.header{padding: 30px 0 20px 0;}
.logo{float: left; height: 83px; position: relative; padding-right: 30px;}
.logo img{height: 100%;}
.logo i{display: block; width:0px; height: 20px; background: #dcdcdc; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.head_txt{float: left; margin-left: 14px; padding-top: 10px;}
.head_txt p{height: 28px; line-height: 28px;}
.head_txt p.p1{font-size: 22px; color: #003236;}
.head_txt p.p1 span{margin: 0 4px;}
.head_txt p.p2{font-size: 18px; margin-top:5px;}
.head_tel{float: right; padding-left: 60px; margin-top: 15px; background: url(../images/h_tel_bg.png) no-repeat left center;}
.head_tel p.p1{font-size: 16px; height: 24px; line-height: 24px; color: #000;}
.head_tel p.p2{font-size: 24px; font-weight: 800; height: 30px;line-height: 30px; color: #ffa200;}
.nav{background: #003236;}
.nav .content{overflow: hidden; }
.nav ul{margin-left: -1px;}
.nav li{float: left; padding: 0 4px; position: relative;}
.nav li i{display: block; width: 1px; height: 24px; background: #fff; opacity: .2; position: absolute; left: 0; top: 50%; margin-top: -12px;}
.nav li a{display: block; height: 50px; line-height: 50px; padding: 0 18px; color: #fff !important; font-size: 16px;}
.nav .active a,.nav a:hover{background: #ffa200;}
.active11{background: #ffa200;}


/*客户留言*/
.i_b13{ background-size: cover; padding: 20px 0 20px 0;}
.i13_nav{overflow: hidden; margin-bottom:15px;}
.i13_nav:before{display: block; content: ""; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; filter: alpha(opacity: 20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; background:#dbd7d7}
.i13_nav ul{margin-left: -1px;}
.i13_nav li{float: left; padding: 0 4px; position: relative;}
.i13_nav li i{display: block; width: 1px; height: 24px; background: #fff; opacity: .2; position: absolute; left: 0; top: 50%; margin-top: -12px;}
.i13_nav li a{display: block; height: 50px; line-height: 50px; padding: 0 2px; color: #404040 !important; font-size: 16px;}
.lm2{float: left; margin-left:10px; padding: 0 4px; position: relative; font-weight:bold;}
.lm2{display: block; height: 50px; line-height: 50px; padding: 0 18px; color: #404040 !important; font-size: 16px;}
.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}

.i_b13 .i_title{color: #fff; padding: 30px 0; margin-top: 16px;}
.i_b13_box{margin: 0 -90px; color: #fff;}
.i_b13_box a{color: #fff;}
.i_b13_l{width: 740px; float: left; position: relative;}
.i_b13_l:before{display: block; content: ""; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; filter: alpha(opacity: 60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index: 1; border-radius: 6px;}
.i_b13_text{position: relative; z-index: 2; padding: 30px 20px 10px 20px;}
.i_b13_text h3{font-size: 24px; font-weight: normal;}
.i_b13_text h3 span{color: #ffa200;}
.i_b13_row{display: table; border-collapse: collapse; width: 100%;}
.i_b13_item{display: table-header-group;}
.i_b13_head ul,.i_b13_list ul{display: table-row;}
.i_b13_head li,.i_b13_list li{display: table-cell;}
.i_b13_item li{padding: 12px 22px 12px 4px;}
.i_b13_head li{border-bottom: 4px solid #ffa200; font-size: 22px; font-weight: normal; text-align: left; line-height: 24px;}
.i_b13_list{padding: 10px 0;}
.i_b13_list li{font-size: 20px;}
.i_b13_item li.i13_w1{width: 100px;}
.i_b13_item li.i13_w2{width: 160px;}
.i_b13_item li.i13_w3{width: 194px;}
.i_b13_item li.i13_w4{width: 142px;}
.i_b13_item li a:hover{color: #ffa200;}
.i_b13_r{width: 600px; float: right;}
.i_b13_r li{overflow: hidden; padding: 7px 0;}
.i_b13_r li span{width: 80px; font-size: 23px; display: block; height: 32px; line-height: 32px; float: left; position: relative; padding-right: 24px; letter-spacing: 3px;}
.i_b13_r li span:after{display: block; content: "："; position: absolute; right: 0; top: 0;}
.i_b13_r li em{display: block; width: 490px; float: right;}
.i_b13_r li em input[type="text"]{display: block; width: 330px; height: 28px; line-height: 28px; background: rgba(255,255,255,.7); padding: 0 10px; border: 2px solid #ffa200; border-radius: 8px; overflow: hidden;}
.i_b13_r li em textarea{display: block; width: 440px; height: 178px; line-height: 24px; font-size: 18px; background: rgba(255,255,255,.7); padding: 10px; border: 2px solid #ffa200; border-radius: 8px;}
.i13_sub{margin-top: 6px;}
.i_b13_r li.i13_sub em{overflow: hidden;}
.i_b13_r li input[type="submit"]{display: block; width: 164px; height: 34px; line-height: 34px; text-align: center; background: #ffa200; cursor: pointer; letter-spacing: 5px; text-indent: 5px; font-size: 16px; color: #fff; border-radius: 6px; float: left; margin-right: 40px;}
.i_b13_r li.i13_sub em a{display: block; width: 164px; height: 34px; line-height: 34px; background: url(../images/qqzx_bg.png) no-repeat 26px center; background-color: #ffa200; cursor: pointer; letter-spacing: 5px; text-indent: 54px; font-size: 16px; color: #fff; border-radius: 6px; float: left;}

/*友情链接*/

.link {width: 100%; height: 80px; line-height: 80px; background: #fff; float: left}
.link dl dt { float: left; font-size:22px; color: #fb6800 }
.link dl dd a{ font-size: 18px; color: #666; float: left; margin-left:20px; }


/*底部*/
.footer{background: #003236; padding: 20px 0 30px 0; color: #fff;}
.footer a{color: #fff;}
.footer a:hover{color: #ffa200;}
.foot_i1{width: 150px; float: left; margin-top:90px;}
.foot_logo{width: 135px;}
.foot_logo img{width: 100%;}
.foot_i1 p{line-height: 24px; padding: 4px 0;}
.foot_i1 p.p1{font-size: 16px;}
.foot_i2{width: 345px; float: left; padding: 0 24px; border-left: 1px solid #4a515a; margin-left: 16px; margin-top: 24px; font-size: 15px;}
.foot_i4{width: 208px; float: left; padding: 0 34px; border-left: 1px solid #4a515a; border-right: 1px solid #4a515a; margin-top: 24px; font-size: 15px;}
.foot_i5{width: 110px;height:277px; float: left; padding: 0 34px; border-right:1px solid #4a515a;; margin-top: 24px; font-size: 15px;}

.foot_i4 p{line-height: 24px; padding: 4px 0;}
.foot_i5 p{line-height: 24px; padding: 4px 0;}
.foottop{margin-bottom:20px;font-size: 24px;}
.foot_i2 p{line-height: 24px; padding: 4px 0;}
.foot_i3{width: 336px; height: 140px; float: right; margin-top: 8px;}
.foot_i3_wx{width: 120px; position: relative; float: left; padding-right: 34px; margin-left: 10px; margin-top:70px; position: relative;}

.foot_wx_text{width: 30px; height: 120px; position: absolute; right: 0; top: 0;}
.foot_wx_text i{display: block; position: absolute; background: #fff;}

.foot_wx_text p{padding: 15px 6px; line-height: 18px; text-align: center;}

.foot_i3_wx > p{height: 30px; line-height: 30px; padding: 0 4px; text-align: center;}
.foot_i3 img{display: block; width: 120px; height: 140px;}


.f_con { height:63px; overflow:hidden; color:#bababa; font:15px/63px "微软雅黑"; text-align:center;}
.f_con span{ font:15px/63px "微软雅黑"; color:#bababa;}
.f_con a{color:#bababa;}
.f_con span a{ color:#bababa; font:15px/63px "微软雅黑"; padding:0 6px;}

.footer2{background: #003236; padding: 20px 0 30px 0; color: #fff;}
.footer2 a{color: #fff;}
.footer2 a:hover{color: #ffa200;}



/*底部结束*/

.link2 {height: 40px; line-height: 20px; padding: 30px 0 10px 0;background: #fff; }
.link2 dl dt { float: left; font-size:22px; color: #fb6800 }
.link2 dl dd a{ font-size: 16px; color: #666; float: left; padding:0px 7px; }
.main{width: 1200px;margin: auto;}



.yqlj{ text-align:center; font-size:15px;background:#003236;}

.linkbg{background:#003236; min-height:45px;}
.link{ color:#fff;}
.link > i{display: block; width: 50px; height: 30px; line-height: 30px; position: absolute; left: 0; top: 0; font-size: 15px; font-weight: 500; text-transform: uppercase; white-space: nowrap;}
.link ul{padding-left: 95px; min-height: 30px;}
.link li{ padding-right: 34px; height: 30px; line-height: 30px; margin-bottom: 4px; font-size: 15px;}
.link li a{ color:#fff;padding:0px 7px;color:#fff;}


/*首页*/

.i_title{text-align: center; letter-spacing: 2px; text-indent: 2px;}
.i_title h2{font-size: 28px;}
.i_title h2 span{color: #003236;}
.i_title p{font-size: 16px; color: #737373; margin-top: 10px;}


/*CSS pageinfo style pagination*/
.pageinfo_box{ float:left;width:100%; margin-top:30px; overflow: hidden;}
.pageinfo {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:3px;  text-align: center; line-height:25px; font-size:14px; }
.pageinfo a {border: #333 1px solid; padding-right: 5px;padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #333; padding-top: 2px;  text-decoration: none}
.pageinfo a:hover {border: #333 1px solid;color: #333; }
.pageinfo a:active {border: #333 1px solid;color: #333;}
.pageinfo .thisclass {border: #333 1px solid; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px;  background-color: #333}
.pageinfo .disabled {border: #333 1px solid;padding-bottom: 2px; padding-right: 5px;padding-left: 5px; color: #333; margin-right: 2px; padding-top: 2px; }
.pageinfo strong{color: #333; padding:0 3px;}

.pageinfo span{ background:#fff;}
.pageinfo span a{ color:#F00}


.foot_news{float: left; width:890px; margin-top:10px; overflow:hidden; border:1px solid #ececec; margin-bottom:10px;}
.foot_news ol{float: left; width:890px; line-height:40px; font-size:18px; height:50px; background:url(../images/new_tit.jpg) no-repeat left bottom; }
.foot_news ol h2{float:left; background:url(../images/new_l.jpg) no-repeat  12px; padding-left:40px; font-size:20px; height:40px; line-height:40px; font-weight:normal;  }
.foot_news ol h3{float:right; font-weight:normal; text-transform:uppercase; font-size:14px; padding-right:15px;}
.foot_news ul {float:left;width:890px;overflow:hidden;margin-top:10px; padding-bottom:10px; }
.foot_news ul li{float:left;width:390px;overflow:hidden; height:30px; line-height:30px; font-size:12px; padding-left:35px; margin-left:15px; border-bottom:1px solid #f2f2f2; background:url(../images/left_bg_r.png) no-repeat 20px 10px;}
 
 
.newslist{ float:left; width:890px;overflow:hidden; margin-top:15px;}
.newslist ol{ float:left;width:890px;overflow:hidden; }
.newslist ol li{float:left;width:850px; padding:20px;overflow:hidden; margin-top:15px;}
.newslist ol li img{float:left;width:200px; height: 178px; margin-right: 15px; margin-top: 5px;}
.newslist ol li p a{float:left;width:615px;height:30px;line-height:30px;font-size:18px; color:#404040; font-weight:normal; }
.newslist ol li span{float:left;width:615px; padding-top:10px;  line-height:28px; font-size:14px; color:#747474;font-weight: normal; }
.newslist ol li p a:hover{ color:#ff0000; }
.newslist .cba{ background:#f2f2f2;}
.newslist .cba:hover{ background:#f5d8db;}
.newslist .abc{ background:#fff;}
.newslist .abc:hover{ background:#f5d8db;}



/*Feedback*/

.message{line-height: 200%; width:660px; margin-left:100px; margin-top:70px; padding-bottom: 10px; background: #fff; overflow:visible;}
.message h1{text-align: right; font-size:15px; padding-right:20px; 	padding-top: 30px;}
#txly{padding-top: 10px; padding-bottom:20px;}
#tianxieone{ float: left;width:620px;padding-top: 5px; padding-bottom: 5px; padding-left: 50px; padding-right: 50px; height: 26px;}
#tianxietwo{ float: left;width:80px; text-align: right; padding-right: 8px;}
#tianxiethree{float: left; width:530px;}
#tianxiethree input{width: 500px; border: 1px #ddd solid; height: 24px; line-height: 24px;}
#tianxiethree .yzm{width: 80px;}

#tfour{float:left;padding-top: 5px; padding-bottom: 5px; padding-left: 50px; width:610px; padding-right: 50px; height: 82px;}
#tfourtwo{width: 80px; text-align: right; padding-right: 8px; float: left;}
#tfive{float: right; width: 522px;}
#tfive textarea{width:500px; border: 1px #ddd solid; height: 80px; line-height: 24px;}
#liuyanshenming{ float:left; padding:20px 55px; width:550px; padding-top: 20px;}
#lytijiao{ float:left;padding-left: 138px; width:522px; padding-top: 20px;}
#lytijiao input{background: url(../images/search_btn.jpg) no-repeat; height: 26px; line-height: 26px; width: 76px; text-align:center;  border: 0px none; font-size: 14px;}
.red { color:#F00}
#ckly{padding: 20px; padding-bottom: 0px;}
#ckly dl{border: 1px #ddd solid;}
#ckly dt{height: 32px; line-height: 32px; border-bottom: 1px #ddd solid; background: #F6F6F6; padding-left: 6px; padding-right: 6px;}
#ckly dt span{padding-left: 6px; padding-right: 6px;}
#ckly dd{padding: 12px;}
#ckly .ly{padding-bottom: 10px;}
#ckly .hf{	border: 1px #ccc solid; background: #f3f3f3; padding: 12px;}
#ckly .hf h3{font-weight: normal;}
